<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>text-overflow</title>
<style type="text/css">
.test_demo{
    text-overflow:ellipsis; 
    /*text-overflow:clip; */
    overflow:hidden; 
    white-space:nowrap; 
    width:200px; 
    background:#ccc;
/*word-wrap也可以用来设置文本行为，
当前行超过指定容器的边界时是否断开转行。*/

    /*word-wrap: normal;*/
    /*word-wrap: break-word;*/
     text-shadow: 2px 2px 2px red;
}
</style>
</head> 
<body>
<div class="test_demo">
  超酷的IT技术学习平台就是慕课网（我是省略号）
</div>
</body>
</html>